<template>
  <div class="general-item">
    <div class="general-li" :style="`width: ${100/6}%;`" v-for="(item,index) in viewModel" :key="index">
      <div class="general-li_box">
        <div class="li_box-icon">
          <div class="icon-sty" :style="`background-color: ${item.bgcolor};`">
            <i class="icon iconfont " :class="`${item.icon.name}`"></i>
          </div>
        </div>
        <div class="li_box-conter" :style="`background-color: ${item.bgcolor};`">
          <div class="conter-p1">{{item.name}}</div>
          <div class="conter-p2">{{item.intro}}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import ala from 'ala'
  export default {
    data () {
      return {
        widgetModel: '',
        span: 4,
        color: 'rgb(63, 161, 255)',
        discount: false
      }
    },
    props: {
      viewModel: {},
      count: {
        default: 4
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  @import "./style.scss";
</style>

